<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="nl-nl" lang="nl-nl">
<head>
	<title>Woordenschat Beheer</title>
	<link rel="stylesheet" href="css/style.css" type="text/css" />
	<script type="text/javascript" src="js/jquery.js"></script>
	<script type="text/javascript" src="js/common.js"></script>
	<!--link href="favicon.ico" rel="shortcut icon" type="image/x-icon" /-->
</head>

<body>
	<div id="wrap">
		<div id="header">
			<h1>Woordenschat Beheer</h1>
		</div>
		<div id="maincontainer">
			<div id="leftcontainer">
				<div id="user-panel">
					<h2 id="username">Gebruiker</h2>
					<ul id="navigation">
						<li><a href="#getWords">Gezochte Woorden</a></li>
						<li><a href="#getPupils">Mijn Leerlingen</a></li>
						<li><a href="#getDrawings">Tekeningen</a></li>
						<li style="padding-top: 15px;"><a class="button" href="#logout">Uitloggen</a></li>
					</ul>
				</div>
				<div id="login-panel">
					<h2>Login</h2>
					<form method="post" action="login">
						<div class="label"><input class="input" name="username" type="text" placeholder="Gebruikersnaam" /></div>
						<div class="label"><input class="input" name="password" type="password" placeholder="Wachtwoord"/></div>
						<div class="label"><input class="button" name="task" value="login" type="submit" /></div>
					</form>
				</div>
			</div>
			<div id="container">
				<div id="container-inner">
					<p class="load-message">Bezig met laden...</p>
					<p class="error-message"></p>
					<div id="content">
						Welkom bij Woordenschat
					</div>
				</div>
			</div>
		</div>
	</div>
	<script type="text/javascript" src="js/woordenschat.js"></script>
</body>

</html>